<template>
  <div class="footer">
    <div class="top">
      <img src="@/assets/image/logo2.d7ad5904.svg" alt="">
    </div>
    <div class="footer-nav">
      <div class="footer-left">
        <div class="title">客户服务</div>
        <div class="text"> 联系我们 </div>
          <div class="text">APP下载(买家端)</div>
        <div class="text"> APP下载(卖家端) </div>
      </div>
      <div class="footer-left">
        <div class="title" >隐私政策</div>
        <div class="text" @click="goRouter('/faqs',1)">隐私政策</div>
        <div class="text" @click="goRouter('/faqs',2)"> 退货政策 </div>
        <div class="text" @click="goRouter('/faqs',3)">送货以及取货</div>
        <div class="text" @click="goRouter('/faqs',4)"> 卖家政策</div>
      </div>
    </div>
    <div class="footer-nav">
      <div class="footer-left">
        <div class="title">用户注册</div>
        <div class="text"> 订单查询 </div>
        <div class="text">商品收藏</div>
        <div class="text">我的钱包 </div>
      </div>
      <div class="footer-left">
        <div class="title">关于我们</div>
        <div class="text"> 招贤纳士 </div>
        <div class="text">新闻资讯</div>
        <div class="text"> 现代奴隶声明 </div>
      </div>
    </div>
    <div class="pay-method">
      <p>支付方式</p>
      <div class="image">
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>
        <div class="item">
          <img src="@/assets/image/1.png" alt="">
          <p>Binance</p>
        </div>

      </div>
    </div>
    <div class="sm-wholesale-shop">
      <p class="title">SM-wholesale Shop</p>
      <div class="title-text">SM-wholesale Shop 全球站的用户来全球103个国家，使用USDT/ETH/BTC进行结算。USDT/ETH/BTC是一种无国界的交易方式，可以在全球范围内实现即时低成本交易，无需等待，没有国际费用。</div>
      <div class="content-image">
        <img src="@/assets/image/2.png" alt="">
        <img src="@/assets/image/3.png" alt="">
        <img src="@/assets/image/4.png" alt="">
        <img src="@/assets/image/5.png" alt="">
        <img src="@/assets/image/6.png" alt="">
        <img  src="@/assets/image/logo7.3821d38a.png" alt="">
      </div>
    </div>
    <div class="sm-wholesale-shop-bottom">
      <p class="title">© SM-wholesaleShop 有限公司2023 版权所有</p>
      <p class="content">
        SM-wholesaleShop Limited 作为信贷经纪人 (713206) 获得金融行为监管局的授权和监管，并专门与贷方 Home Retail Group Card Services Limited 合作，以 SM-wholesaleShop Financial Services 的身份进行交易， SM-wholesaleShop Financial Services 获得金融行为监管局的授权和监管以提供信贷(716148)。Home Retail Group Card Services Limited 注册于英国 (04007072)，地址为 Avebury, 489-499 Avebury Boulevard, Milton Keynes, United Kingdom。MK9 2NW。
      </p>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    goRouter(item,status){
      this.$router.push({path:item,query:{status}})
    }
  }
}
</script>

<style scoped lang="scss">
.footer{
  margin-top: 20px;
  width: 100%;
  background: #212121;
  overflow: hidden;
  padding: 3%;
  box-sizing: border-box;
  margin-bottom: 60px;
  .footer-nav{
    width: 100%;
    display: flex;
    padding: 0 5%;
    box-sizing: border-box;
    justify-content: space-between;
    margin-top: 20px;
    .footer-left{
      width: 40%;
      min-height: 150px;
      .title{
        font-weight: 700;
        font-size: 16px;
        color: #002FFF;
        word-wrap: break-word;
        height: 45px;
      }
      .text{
        font-size: 12px;
        height: 45px;
        color: #fff;
      }
    }
  }
  .pay-method{
    width: 100%;
    min-height: 100px;
    border-top: 1px solid #3f3f3f;
    border-bottom: 1px solid #3f3f3f;
    p{
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 12px;
      color: #fff;
    }
    .image{
      width: 100%;
      min-height: 100px;
      //background: red;
      padding: 20px 10%;
      box-sizing: border-box;
      display: flex;
      justify-content: space-around;
      flex-wrap: wrap;

      .item{
        width: 60px;
        height: 60px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        img{
          width: 30px;
          height: 30px;
        }
        p{
          margin-top: -8px;
          width: 100%;
          font-size: 10px;
          color: #ababab;
        }
      }
    }
  }
  .sm-wholesale-shop{
    width: 100%;
    min-height: 100px;
    border-bottom: 1px solid #3f3f3f;
    padding: 20px 0;
    box-sizing: border-box;
    .title{
      font-size: 12px;
      color: #fff;
      text-align: center;
    }
    .title-text{
      margin-top: 15px;
      font-size: 12px;
      color: #fff;
      padding: 0 3%;
      box-sizing: border-box;
    }
    .content-image{
      height: 50px;
      width: 100%;
      margin-top: 40px;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      box-sizing: border-box;
      padding: 0 5%;
      img{
        margin-left: 20px;
        height: 15px;
      }
    }

  }
  .sm-wholesale-shop-bottom{
    width: 100%;
    min-height: 100px;
    padding: 20px 0;
    box-sizing: border-box;
    .title{
      color: #3f3f3f;
      font-size: 12px;
      text-align: center;
    }
    .content{
      margin-top: 20px;
      color: #3f3f3f;
      font-size: 10px;
      text-align: center;
    }
  }
}
</style>